简介:高阶组件是React 中一个很重要且比较复杂的概念,高阶组件在很多第三方库(如Redux)中都被经常使用。在项目中用好高阶组件,可以显著提高代码质量。
第2章 高阶组件介绍
在本章中,我们通过高阶函数的概念,引出高阶组件的的概念,并简单介绍了高阶组件在项目中的使用方式,最后通过@connect高阶组件来强化理解高阶组件
第3章 高阶组件实现
在本章中,将会通过编写一个简单的高阶组件,来加深对高阶组件概念的理解;介绍了高阶组件常用的两种引用方式(函数传参、class装饰器);同时介绍了高阶组件如何进行传参,以及在被包裹的组件中如何获取传入的参数。
第4章 高阶组件应用
在本章中,我们介绍了最常见的两种高阶组件的应用:代理方式和继承方式的高阶组件。详细介绍了这两种应用的区别以及应用场景。
第5章 高阶组件实战
在本章节中,我们通过create-react-app搭建本地开发环境,分解了TabBar组件的构成,抽象出TabBar组件的基本结构。接着我们实现了TabBar的静态并布局,并且添加了点击动作。为了更好的展示TabBar的功能,我们又给项目添加了react-router,并将react-router与TabBar完美结合,最后我们高阶组件优化TabBar组件,达到一处编写,到处使用的目的。